/*
 * @Author: xiaosihan 
 * @Date: 2023-09-19 00:27:29 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2023-09-25 00:07:21
 */


.imgItem {
  position: relative;
  display: inline-block;
  width: 146px;
  height: 146px;
  margin: 4px;
  cursor: pointer;


  .img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: contain;
    background-color: #cccccc;
  }

  &.small {
    width: 68px;
    height: 68px;
  }

  &:hover {

    .delItemIcon {
      display: inline-block;
    }

    .move_folder {
      display: inline-block;
    }
  }

  .delItemIcon {
    // display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    background-color: #00000088;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    text-align: center;
    line-height: 31px;
    cursor: pointer;

    &:hover {
      background-color: #000000dd;
    }

    svg {
      width: 18px;
      height: 18px;
      margin: 4px;
      cursor: pointer;

      path {
        fill: #ffffff;
      }
    }
  }




}